{% extends "index.html" %}
{% load static %}
{% block title %}Новый пароль{% endblock %}
{% block loginform %}
{% load user_filters %}

<!-- Form-->
<div class="form">
  <link rel="stylesheet" href="{% static 'auth_form/css/style.css' %}">
  <div class="form-toggle"></div>
{% if validlink %}

  <div class="form-panel one">
    <div class="form-header">
      <h1>Введите новый пароль</h1>
    </div>
    <div class="form-content">
      <form method="post" action="{% url 'users:login' %}">
        {% csrf_token %}
        <div class="form-group">
          <label for="id_new_password1">
            Новый пароль        
            <span class="required text-danger">*</span>        
          </label>
          <input type="password" name="new_password1" class="form-control" required id="id_new_password1">      
              <small id="id_new_password1-help" class="form-text text-muted">
                <ul><li>Ваш пароль не должен совпадать с вашим именем или другой персональной информацией или быть слишком похожим на неё.</li><li>Ваш пароль должен содержать как минимум 8 символов.</li><li>Ваш пароль не может быть одним из широко распространённых паролей.</li><li>Ваш пароль не может состоять только из цифр.</li></ul>
              </small> 
        
        </div>
      
        <div class="form-group">
          <label for="id_new_password2">
            Подтверждение нового пароля        
            <span class="required text-danger">*</span>        
          </label>    
          <input type="password" name="new_password2" class="form-control" required id="id_new_password2">      
        </div>
        <div class="col-md-6 offset-md-4">
          <button type="submit" class="btn btn-primary">
            Назначить новый пароль
          </button>
        </div>
      </form>
    </div>
  </div>
{% else %}
  <div class="row justify-content-center">
    <div class="col-md-8 p-5">
      <div class="card">
        <div class="card-header">
          Ошибка
        </div>
        <div class="card-body">
          <p>Ссылка сброса пароля содержит ошибку или устарела.</p>
        </div>
      </div>
    </div>
  </div>
{% endif %}
</div>

{% endblock loginform %}